@import "_function";
.order-page{
  .header {
    .w(750);
    .h(70);
    margin: 0 auto;
    position: fixed;
    background: #ffffff;
    .t(0);
    i {
      .fs(50);
      color: #6a6a6a;
      display: inline-block;
      vertical-align: middle;
    }
    h4 {
      .fs(38);
      display: inline-block;
      vertical-align: middle;
      .ml(240)
    }
  }
  .contain {
    .w(702);
    margin: 0 auto;
    .pt(70);
    .sub-nav {
      display: flex;
      justify-content: space-between;
      position: fixed;
      .t(70);
      .w(702);
      background: #ffffff;
      a {
        text-align: center;
        display: inline-block;
        .w(126);
        .lh(66);
        .fs(28);
      }
      .on{
        color: #6bbcef;
        &:after{
          content: '';
          display: block;
          .h(2);
          .w(126);
          //border: 1px solid #00a0e9;
          background-color: #00a0e9;
        }
      }

    }
    ul{
      .pt(70);
      li{
        .mb(10);
        .content{
          border: 1px solid #aaaaaa;
          .p(20,20,20,20);
          .mb(20);
          img{
            .w(210);
            .h(210);
            display: inline-block;
            vertical-align: top;
          }
          .info{
            .ml(20);
            vertical-align: top;
            .w(420);
            display: inline-block;

            h3{
              .fs(32);
              .w(420);
              .mb(30);
              .lh(40);
            }
            .brand,.colour{
              .mb(12);
              display: inline-block;
              .fs(24);
              color: #969494;
              i{
                .fs(24);
              }
            }
            .colour{
              .ml(30);
            }
            .price{
              .fs(32);
              color: red;
              display: inline-block;
            }
            .number{
              display: inline-block;
              .fs(24);
              .ml(200);
            }
          }
        }
        .select{
          text-align: right;
          button{
            .w(150);
            .h(60);
            .fs(28);
            border: 1px solid #8f8f8f;
            border-radius: 10px;
            background-color:transparent;
          }
          .payment{
            border: transparent;
            background-color: #00a0e9;
            .ml(60);
          }
        }
      }
    }
  }
}
